<script setup lang="ts">
import { companyName, companyNameEN } from '~/constants'

const { locale } = useLocale()

useHead({
  title: locale.value === 'zh' ? companyName : companyNameEN,
})

const { init } = useGlobalStore()
await useAsyncData('initData', init, {})
// onMounted(init)

// const themeOverrides: GlobalThemeOverrides = {
//   common: {
//     primaryColor: '#0083ff',
//     textColorBase: '#1f1f1f',
//   },
//   Tabs: {
//     tabTextColorLine: '#1f1f1f',
//     tabTextColorBar: '#1f1f1f',
//   },
// }
</script>

<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>

<style>
html,
body,
#__nuxt {
  height: 100vh;
  margin: 0;
  padding: 0;
}

html.dark {
  background: #222;
  color: white;
}
</style>
